<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>**** CNBOARD ****</title>
<link href="resources/css/default.css" rel="stylesheet" type="text/css">
<link href="resources/css/admin.css" rel="stylesheet" type="text/css"/>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="resources/js/common.js" charset="utf-8"></script>
<script type="text/javascript" src="resources/js/jquery-admin.js" charset="utf-8"></script>
</head>
<body>
	<header>
	<div id="wrap-header">
			<div id="logo_img"><a href="employee"><img src="resources/images/logo.png"/></a></div>
			<script type="text/javascript">
			$(function(){
				$('#logo_img').hover(
						function(){$(this).css('opacity','0.5');},
						function(){$(this).css('opacity','1');}
				);	
			});
			</script>
			<nav>
				<ul id="menu2"> 
					<li><a onclick="moveEmployeeAddition()">Emplyee</a></li>
					<li><a onclick="moveDepartmentAddition()">Department</a></li>
					<li><a href="#">Team</a> </li>
					<li><a href="#">Project</a></li>
					<li><a href="logout">logout</a></li>
				</ul>
			</nav>
		<div class="clear"></div>
	</div>
	</header>
	<script type="text/javascript">-
        $(function() {
          if ($.browser.msie && $.browser.version.substr(0,1)<7)
          {
                $('li').has('ul').mouseover(function(){
                        $(this).children('ul').show();
                        }).mouseout(function(){
                        $(this).children('ul').hide();
                        });
          }
        });
</script>
	<div class="clear"></div>
	<div id="wrap">